<template>
    <v-sparkline :auto-line-width="autoLineWidth" :fill="fill" :gradient="gradient"  :labels="label"
        :gradient-direction="gradientDirection" :line-width="width" :model-value="value" :padding="padding"
        :smooth="radius || false" :stroke-linecap="lineCap" :type="type" auto-draw></v-sparkline>
</template>
<script setup lang="ts">
const gradients = [
    ['#222'],
    ['#42b3f4'],
    ['red', 'orange', 'yellow'],
    ['purple', 'violet'],
    ['#00c6ff', '#F0F', '#FF0'],
    ['#f72047', '#ffd200', '#1feaea'],
]
const width = 2
const radius = 10
const padding = 8
const lineCap = 'round'
const gradient = gradients[5]
const value = [4000, 42000, 5000, 2900, 5100, 3100, 3000, 5120, 3000, 6000, 1000, 8000, 2000, 9000, 3450]
const label = [1,2,2,3,4,5,6,7,8,9,10,11,12,13,14,15]
const gradientDirection = 'top'
const fill = false
const type = 'trend'
const autoLineWidth = false

</script>